import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

var state = {
    submited: false,
      data: {
        name: "前段笔试题",
        introduce: "布姆电竞主要业务包括布姆视频，布姆电竞学院，教学内容覆盖英雄联盟，守望先锋，王者荣耀等当下热门的电竞游戏。",
        questions: [
            {type: 'text', question: " 常用那几种浏览器测试？有哪些内核(Layout Engine)?", result: '收到了就够了时点击功率计算'}, {
                type: 'singleSelection',
                question: ' DOM怎样添加节点?',
                result: ['A'],
                answers: [{answer: 'appendChild'}, {answer: 'getElementsByTagName'}, {answer: 'createTextNode'}, {answer: 'createDocumentFragment'}]
            }, {
                type: 'MultipleSelection',
                question: '  null和undefined的区别?',
                result: ['C', 'D'],
                answers: [{answer: '变量被声明了，但没有赋值时，就等于undefined。'}, {answer: '调用函数时，应该提供的参数没有提供，该参数等于undefined。'}, {answer: ' 作为函数的参数，表示该函数的参数不是对象。'}, {answer: '创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。'}]
            }, {
                type: 'custom',
                question: '  null和undefined的区别?',
                hasAnswers: false,
                answers: [{type: 'text', question: " 常用那几种浏览器测试？有哪些内核(Layout Engine)?", result: '收到了就够了时点击功率计算'}, {
                    type: 'MultipleSelection',
                    question: '  null和undefined的区别?',
                    result: ['C', 'D'],
                    answers: [{answer: '变量被声明了，但没有赋值时，就等于undefined。'}, {answer: '调用函数时，应该提供的参数没有提供，该参数等于undefined。'}, {answer: ' 作为函数的参数，表示该函数的参数不是对象。'}, {answer: '创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。'}]
                }]
            },
            {
                type: 'custom',
                question: '这是一个递归组件',
                hasAnswers: false,
                answers: [
                    {
                        type: 'text',
                        question: '递归组件第一个问题',
                        result: '没有答案'
                    },
                    {
                        type: 'custom',
                        question: '深层的组件',
                        hasAnswers: false,
                        answers: [
                           {type: 'text', question: " 常用那几种浏览器测试？有哪些内核(Layout Engine)?", result: '收到了就够了时点击功率计算'}, {
                                type: 'MultipleSelection',
                                question: '  null和undefined的区别?',
                                result: ['C', 'D'],
                                answers: [{answer: '变量被声明了，但没有赋值时，就等于undefined。'}, {answer: '调用函数时，应该提供的参数没有提供，该参数等于undefined。'}, {answer: ' 作为函数的参数，表示该函数的参数不是对象。'}, {answer: '创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。'}]
                            } 
                        ]
                    }
                ]
            }
        ]
      }
};

var mutations = {
    submit (state) {
        state.submited = true;
    },
};

const store = new Vuex.Store({
  state,
  mutations
});

export default store;